<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>统战成员学习平台</title>
	<link rel="stylesheet" type="text/css" href="../../css/base.css" />
	<link rel="stylesheet" type="text/css" href="../../css/discovery.css" />
	<style>
		.user_from .item{padding: .2rem .5rem .2rem 0;}
	</style>
</head>

<body>
	<div id='app' class="user_detail" style="display:none" v-show="true">
		<div class="user_top">
			<img :src="imageBasePath + detail.usrImg" onerror="this.src=''">
			<p class="name" v-text="detail.usrName" style="overflow: hidden;text-overflow:ellipsis;white-space: nowrap;"></p>
			<p class="email">电话：{{detail.usrPhone}}</p>
		</div>
		<div class="user_title more" @click="openWin('user_lesson_win', {userId: detail.usrId})">
			学习计划
		</div>
		<div v-else class="user_lesson">
			<p class="tips">暂无学习计划</p>
		</div>
		<div tapmode="tap" @click="openWin('user_moments_win', {userId: detail.usrId, userName: detail.usrName})" class="user_title more">
			互动
		</div>
		<div class="user_title">
			党员档案
		</div>
		<div class="user_from">
			<div class="item ui_border_b" style="min-height: 40px;overflow: hidden;">所属支部<span style="width:10rem;text-align: right;padding-top: .5rem;line-height: 1rem;">{{detail.branchId}}</span></div>
			<div class="item ui_border_b">党员类别<span>{{detail.usrPartynature}}</span></div>
			<div class="item ui_border_b" style="min-height: 40px;overflow: hidden;">入党介绍人<span style="width:10rem;text-align: right;padding-top: .5rem;line-height: 1rem;">{{detail.usrIntroducer}}</span></div>
			<div class="item">入党时间<span>{{detail.usrEntertime}}</span></div>
		</div>
	</div>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/vue.min.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script type="text/javascript" src="../../script/layer_mobile/layer.js"></script>
	<script type="text/javascript">
		new Vue({
			el: '#app',
			data: {
				imageBasePath: imageBasePath,
				userId: 0,
				detail: {}
			},
			mounted: function() {
				var $this = this;
				apiready = function() {
					api.parseTapmode();
					$this.userId = api.pageParam.userId;
					$this.init();
				}
			},
			methods: {
				init: function() {
					var $this = this;
					if ($this.userId) {
						post('/client/org/userDetail', {
							uId: $this.userId
						}, function(ret) {
							$this.detail = ret.data;
							parseTapmode();
						})
					}
				}
			}
		});
	</script>
</body>

</html>
